<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>事件1</title>
	</head>
	<body>
		<div style="width:100px;height:100px;background-color:red"></div>
		<script type="text/javascript">
			var div = document.getElementsByTagName('div')[0];
//			div.onclick = function(){
//				console.log('a');
//			}

			/*
			 * 事件绑定
			 * 1.onclick
			 * 	兼容性好，但是一个元素的同一个事件上只能有一个事件
			 * 基本等同于在HTML行间上
			 * 
			 * 2.obj.addEventListener(type,fn.false);
			 * IE9以下不兼容。可以为一个事件绑定多个处理程序
			 * 3.obj.attachEvent('on' + type,fn)
			 * IE独有，一个事件童颜更可以绑定多个处理程序
			 * 绑定同一个程序执行多次。
			 */
			
			/*div.addEventListener('click',function(){
				console.log('a');
			},false);
			
			div.addEventListener('click',function(){
				console.log('b');
			},false);
			*/
			
			/*div.addEventListener('click',test,false);
			div.addEventListener('click',test,false);
			function test(){
				console.log('a');
			}*/
			
			
			
			
		</script>
	</body>
	
	
</html>
